/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
	<view>
		<form bindsubmit="submitRechange">
			<view class="pd-bg-fff tablebox">
				<view class="balance">
					您的当前余额 :
					<text class="co-red">
						{{user.user_money}}
					</text>
					元
				</view>
				<view class="recharge">
					<view class="title">充值金额 : </view>
					<input name="money" placeholder="0.00" type="digit" selection-start="-1" selection-end="-1" cursor="-1">

					</input>
				</view>
				<view class="recharge recharge-way">
					<view>充值方式 : </view>
					<view class="pic-wrap">
						<image class="wh100" :src="imgUrl+'user/wx-pay2.png'" role="img"></image>
					</view>
				</view>
			</view>
			<button class="recharge-btns" form-type="submit" role="button" aria-disabled="false">
				充 值

			</button>
		</form>
	</view>
</template>

<script>
	import {mapState} from 'vuex';
	import config from "@/api/config";
	export default {
		data() {
			return {
				imgUrl:config.imgUrl,
			};
		},
		computed: {
			...mapState(['user'])
		},
		onLoad(){
			console.log(this.user)
		},
		
	}
</script>

<style lang="scss">
	/* recharge.wxss */
	.balance {
		font-size: 28rpx;
		line-height: 90rpx;
		color: #333;
		border-bottom: 1px solid #f3f3f3;
	}

	.recharge {
		display: flex;
		align-items: center;
		height: 90rpx;
		font-size: 28rpx;
		color: #333;
		border-bottom: 1px solid #f3f3f3;
	}

	.recharge .title {
		word-break: keep-all;
		white-space: nowrap;
	}

	.recharge input {
		height: 120rpx;
		margin-left: 30rpx;
	}

	.pic-wrap {
		margin-left: 30rpx;
		width: 180rpx;
		height: 54rpx;
	}

	.recharge-btns {
		margin: 60rpx auto 0;
		width: 580rpx;
		height: 88rpx;
		font-size: 28rpx;
		line-height: 88rpx;
		text-align: center;
		color: #fff;
		background-color: #ff3b3b;
		border-radius: 10rpx;
	}

	.tablebox {
		margin: 0 auto;
		width: 710rpx;
		border-radius: 10rpx;
		margin-top: 20rpx;
		overflow: hidden;
		box-sizing: border-box;
	}
</style>
